<div id="" class="field formio-component formio-component-form  formio-component-label-hidden" ref="component">
  <div class="formio-form ui form" ref="webform" novalidate>
    <div id="tabs" class="field formio-component formio-component-tabs formio-component-tabs " ref="component">
      <div class="ui top attached tabular menu">
        <a class="item active" role="presentation" ref="tabLink-tabs">Tab 1</a>
        <a class="item" role="presentation" ref="tabLink-tabs">Tab 2</a>
      </div>
      <div role="tabpanel" class="ui bottom attached tab segment active" ref="tab-tabs""><div id=" checkbox" class="field form-group has-feedback formio-component formio-component-checkbox formio-component-checkbox " ref="component">
        <div class="ui checkbox">
          <input ref="input" id="checkbox" name="data[checkbox]" type="checkbox" class="form-check-input" lang="en" value="0">
          </input>
          <label class="" for="checkbox">
            <span>hide</span>
          </label>
        </div>
        <div ref="messageContainer"></div>
      </div>
    </div>
    <div role="tabpanel" class="ui bottom attached tab segment" ref="tab-tabs""><div id=" dataGrid" class="field form-group has-feedback formio-component formio-component-datagrid formio-component-dataGrid " ref="component">
      <label class="">
        grid
      </label>
      <table class="ui table datagrid-table
    padded
    ">
        <thead>
          <tr>
            <th class="">
              Label
            </th>
            <th class="">
              Value
            </th>
            <th>
            </th>
          </tr>
        </thead>
        <tbody ref="datagrid-dataGrid-tbody">
          <tr ref="datagrid-dataGrid-row">
            <td ref="datagrid-dataGrid">
              <div id="label" class="field form-group has-feedback formio-component formio-component-textfield formio-component-label  formio-component-label-hidden" ref="component">
                <div ref="element">
                  <div class="ui input fluid ">
                    <input ref="input" name="data[dataGrid][0][label]" type="text" class="form-control" lang="en" spellcheck="true" value=""></input>
                  </div>
                </div>
                <div ref="messageContainer"></div>
              </div>
            </td>
            <td ref="datagrid-dataGrid">
              <div id="value" class="field form-group has-feedback formio-component formio-component-textfield formio-component-value  formio-component-label-hidden" ref="component">
                <div ref="element">
                  <div class="ui input fluid ">
                    <input ref="input" name="data[dataGrid][0][value]" type="text" class="form-control" lang="en" spellcheck="true" value=""></input>
                  </div>
                </div>
                <div ref="messageContainer"></div>
              </div>
            </td>
            <td>
              <button type="button" class="btn-xss ui icon button secondary formio-datagrid-remove" ref="datagrid-dataGrid-removeRow">
                <i class="fa fa-remove"></i>
              </button>
            </td>
          </tr>
        </tbody>
        <tfoot>
          <tr>
            <td colspan="4">
              <button class="ui button primary" ref="datagrid-dataGrid-addRow">
                <i class="fa fa-plus"></i> Add Another
              </button>
            </td>
          </tr>
        </tfoot>
      </table>
      <div ref="messageContainer"></div>
    </div>
  </div>
  <div ref="messageContainer"></div>
</div>
<div id="submit" class="field form-group has-feedback formio-component formio-component-button formio-component-submit  form-group" ref="component">
  <button ref="button" class="ui button primary " name="data[submit]" type="submit" class="btn btn-primary btn-md" lang="en">
    Submit
  </button>
  <div ref="buttonMessageContainer">
    <span class="help-block" ref="buttonMessage"></span>
  </div>
  <div ref="messageContainer"></div>
</div>
</div>
<div ref="messageContainer"></div>
</div>